<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/index_style.css" />
    <script type="text/javascript" src="../js/jquery1.42.min.js" ></script>
    <script type="text/javascript" src="../js/jquery.SuperSlide.2.1.1.js" ></script>
    <link rel="stylesheet" href="">
</head>
<body>
<header>
    <a href="../js/login.html">登录</a>
    <a href="register.html">注册</a>
</header>
<nav class="sideMenu">
    <div class="dropdown profile-element">
        <span><img alt="image" class="img-circle" src="../img/profile_small.jpg" /></span>
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                               <span class="block m-t-xs"><strong class="font-bold">Beaut-zihan</strong></span>
<!--                                <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>-->
                                    <h3>超级管理员</h3>
                                </span>
        </a>
        <ul class="dropdown-menu animated fadeInRight m-t-xs">
            <li><a class="J_menuItem" href="/web/waiting/form_avatar.html">修改头像</a>
            </li>
            <li><a class="J_menuItem" href="/web/waiting/profile.html">个人资料</a>
            </li>
            <li><a class="J_menuItem" href="/web/waiting/contacts.html">联系我们</a>
            </li>
            <li><a class="J_menuItem" href="/web/waiting/mailbox.html">信箱</a>
            </li>
            <li class="divider"></li>
            <li><a href="/web/login_v2.html">安全退出</a>
            </li>
        </ul>
    </div>
    <h3>人际关系管理</h3>
    <ul>
        <li><a href="#">同事</a></li>
        <li><a href="#">朋友</a></li>
        <li><a href="#">同学</a></li>
        <li><a href="#">师长</a></li>
        <li><a href="#">亲戚</a></li>
        <li><a href="#">可结识</a></li>
    </ul>
    <h3><a href="#">事务管理</a></h3>
    <ul>
        <li><a href="#">紧急重要事务</a></li>
        <li><a href="#">紧急事务</a></li>
        <li><a href="#">重要事务</a></li>
        <li><a href="#">普通事务</a></li>
        <li><a href="#">计划事务</a></li>
        <li><a href="#">已完成事务</a></li>
        <li><a href="#">待完成事务</a></li>
    </ul>
    <h3>资金管理</h3>
    <ul>
        <li><a href="#">总资金</a></li>
        <li><a href="#">月收入</a></li>
        <li><a href="#">月支出</a></li>
        <li><a href="#">每日支出</a></li>
        <li><a href="#">额外收入</a></li>
    </ul>
    <h3>日程管理</h3>
    <ul>
        <li><a href="#">二级导航</a></li>
        <li><a href="#">二级导航</a></li>
        <li><a href="#">二级导航</a></li>
    </ul>
</nav>
<div id="content">
    <iframe src="../js/login.html" frameBorder="0" width="900" scrolling="no" height="600px"></iframe>
</div>
<script type="text/javascript">
    jQuery(".sideMenu").slide({
        titCell:"h3", //鼠标触发对象
        targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
        effect:"slideDown", //targetCell下拉效果
        delayTime:300 , //效果时间
        triggerTime:150, //鼠标延迟触发时间（默认150）
        defaultPlay:false,//默认是否执行效果（默认true）
        trigger:"click",
        returnDefault:false //鼠标从.sideMen移走后返回默认状态（默认false）
    });
</script>

</body>
</html>